page-TabMy {
    .head {
        height: 184px;
        background: url('../assets/imgs/user/my_bg.jpg') no-repeat;
        background-size: 100%;
        padding: 30px 16px 0 16px;
        background-position-y: 30px;
        .user {
            height: auto;
            overflow: auto;
            .avatar {
                height: 50px;
                width: 50px;
                display: block;
                border-radius: 100%;
                margin-right: 10px;
            }
            .user-name {
                font-size: 15px;
                color: $text-color;
                margin-top: 6px;
            }
            .user-id {
                font-size: 10px;
                color: rgb(164, 162, 163);
            }
        }
        .mes {
            height: auto;
            margin-top: 28px;
            width: 100%;
            overflow: auto;
            .wallet {
                h6 {
                    font-size: 24px;
                    color: rgb(255, 109, 63);
                    margin: 0 0 5px 0;
                }
                span {
                    font-size: 12px;
                    color: rgb(98, 98, 98);
                }
            }
            button {
                height: 33px;
                width: 70px;
                border-radius: 50px;
                outline: none;
                text-align: center;
                font-size: 14px;
                color: $text-color;
                margin-top: 11px;
            }
            .cash-btn {
                border: 1px solid rgb(41, 59, 75);
                background: none;
                margin-right: 20px;
            }
            .recharge-btn {
                border: none;
                color: #fff;
                background: linear-gradient(to right, rgb(262, 111, 9), rgb(252, 79, 6));
            }
        }
    }
    @media screen and (width: 414px) {
        .head {
            background-position-y: 10px;
        }
    }

    // 列表
    .grid {
        padding: 0;
        [col-4] {
            padding: 0;
            padding-bottom: 33.33%;
            position: relative;
            div {
                position: absolute;
                z-index: 9;
                top: 0;
                bottom: 0;
                left: 0;
                right: 0;
                img {
                    margin: 36px 0 18px 0;
                    height: 26px;
                    width: 26px;
                }
                p {
                    font-size: 15px;
                    color: $text-color;
                }
            }
        }
        :before {
            content: '';
            height: 1px;
            background: $line-color;
            position: absolute;
            bottom: 0;
            right: 0;
            left: 0;
            z-index: 9;
        }
        :after {
            content: '';
            width: 1px;
            background: $line-color;
            position: absolute;
            top: 0;
            bottom: 0;
            right: 0;
            z-index: 9;
        }
    }
}
